﻿body {
    margin: 0px;
    overflow-x: hidden;
    font-family: Microsoft YaHei;
    font-size: 14px;
}
/*index-top*/
/*.kj-topright a {
    margin-left: 10px;
}*/
/*index-banner*/
#index-banner-swiper-container img {
    max-width: 150%;
}
/*index-nav*/
.kj-brand-img{
    display:none;
}
.kj-brand-name{
    display:block;
}
.kj-nav {
    padding: 0px !important;
    background-color: #fff;
    margin-top: 0px;
}
.kj-header-search{
    margin:10px auto;
    padding:0px;
}
.kj-nav-menu {
    padding-left: 15px;
    padding-right: 15px;
    height: auto !important;
    transform: translateX(100vw);
    transition-duration:.39s;
}
    .kj-nav-menu.in {
        transform: translateX(0px);
    }
    .kj-nav-wapmenu {
        padding: 0px 5%;
        width: 100%;
    }
.kj-nav-wapmenu .kj-waplogo {
    position: relative;
    float: left;
    padding: 5px;
}
.kj-nav-wapmenu .kj-waplogo img {
    height: 40px;
}
.kj-nav-menulist {
    padding-left: 15px;
    padding-right: 0;
    margin-top: 0px;
    display: block;
    height:auto;
}
.kj-nav-menulist > li {
    border-bottom: 1px solid #dddddd;
    text-align: center;
}
.kj-nav-menulist > li > a {
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 15px;
    font-size: 15px;
    padding-bottom: 15px;
    color:#333!important;
}
/*index-search*/
.kj-nav-wapmenu button {
    border-color: #fff !important;
    background-color: #fff;
    margin: 8px auto;
}
.kj-nav-wapmenu button:focus {
    border-color: #fff !important;
    background-color: #fff !important;
}
.kj-search-collapse {
    padding: 0px;
}
.kj-header-searchbtn1 {
    margin-right: 0px;
}
/*index-bottom*/
.kj-bottom {
    background: #f7f7f7;
    border-top: 3px solid #DE231E;
    text-align: center;
}
.kj-bottom .navlist{
    padding-top:0;
}
.kj-bottom .title {
    padding-top: 27px;
}
.kj-bottom .code{
    border:none;
}
/*index-phone footer*/
.kj-phonefooter .navbar-default {
    font-size:14px;
    border-width: 0px;
    background-color: #fcfcfc;
    box-shadow: 1px 1px 5px rgba(0,0,0,.2);
}
.kj-phonefooter .nav-tabs a i {
    color: #777777;
}
.kj-phonefooter .nav-tabs {
    text-align: center;
    padding: 5px;
    border-bottom-width: 0px;
}
.kj-phonefooter .nav-tabs a {
    color: #999999;
    text-align: center;
}
.kj-phonefooter .nav-tabs a.active,
.kj-phonefooter .nav-tabs a.active i {
    color: #f60;
}
.kj-phonefooter .nav-tabs a i {
    color: #777777;
}
.kj-phonefooter .nav-tabs div.kj-addtocart-btn-bottom-col a.kj-addtocart-btn-href {
    display: block;
    font-size: 16px;
    margin-top: -5px;
    margin-bottom: -15px;
    margin-right: -5px;
    line-height: 60px;
    background-color: #ff6600;
    color: #fff;
}
.kj-phonefooter .nav-tabs div.kj-addtocart-btn-bottom-col {
    padding: 0px;
    margin: 0px;
}
.kj-shopcart-count {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: red;
    border-radius: 10px;
    display: none;
}
/*end */
/*intro-product_info 购物车*/
.kj-shop {
    border: none;
}
/*intro-search*/
/*标题*/
.kj-intro-search .col-xs-12{
    padding-left:0;
    padding-right:0;
}
.kj-intro-search > li {
    padding-bottom: 60px;
}
.kj-intro-shopcart{
    padding-right:0;
}
.kj-shopnote .reagent {
    display: flex;
}
.kj-shopnote .reagent .btn{
    margin:0 5px;
}
/*产品*/
.kj-intro-search .name {
    font-size: 16px;
    padding-top: 5px;
    font-weight: normal;
}
.kj-intro-search .alias, .kj-intro-search .detail {
    line-height:20px;
    margin:5px auto;
}
/*大包装*/
#ORDERFORM .formcolumn-item .formcolumn-item-tit {
    text-indent: 0;
}
/*北京唐川新增样式*/
/*内页*/
.kj-intro-proinfo .zh {
    margin-top: 0px;
    font-size:18px;
}
.reagent .text {
    display: block;
}
.intro-proinfo-content >div:last-child{
    padding:20px 0 0;
}
.kj-intro-table > .tabletitle > li > a {
    font-weight: normal;
    font-size: 14px;
    padding: 10px 0px;
    display: block;
    width: 100%;
}
.kj-intro-table > .tableinfo .tab-pane {
    padding: 15px 4px;
}
.kj-intro-table > .tableinfo .tab-pane th{
    font-size:13px;
    font-weight:normal;
    padding:0 8px;
}
.kj-intro-table > .tableinfo .tab-pane td {
    font-size: 12px;
    padding: 0 8px;
}
/*新增样式*/
.kj-nav-menulist > li > a:hover {
    color: #333 !important;
}
.kj-nav-menulist > li > .dropdown-menu {
    position: inherit;
    margin-bottom: 20px;
}
.kj-nav-menulist > li > .dropdown-menu li > a {
    padding: 15px 10px !important;
    line-height: 20px !important;
    height: 38px;
}
.kj-nav-menulist > li > .dropdown-menu li > .dropdown-menu {
    background-color: #fff;
    position: inherit;
}
.index-banner-desc {
    margin-top: 70px;
    height:90px;
    overflow:hidden;
}
.index-banner-desc span {
    font-size: 16px !important;
    line-height:30px;
    font-weight:normal;
}
.profloors_title-items {
    flex-wrap: wrap;
}
.profloors_title-subtitle{
    flex:100%;
    order:1;
    overflow-x:auto;
    margin-top:15px;
}
.profloors_title-subtitle > a{
    white-space:nowrap;
}
.profloors_title-more {
     margin-top: 0px; 
     flex:auto;
     text-align:right;
}
.kj-floorstyle-single{
    margin-left:-8px;
}
.index-brand li {
    flex: 0 0 33.33%;
    width: 33.33%;
}
.bottom-navflex {
    flex-wrap:wrap;
}
.bottom-navflex > div {
    flex: 0 0 50%;
    width: 50%;
    margin-bottom:16px;
}
.kj-bottomcode {
    flex: 0 0 50% !important;
    width: 50% !important;
}
.kj-bottomcode p,
.kj-bottomcode div,
.kj-bottomcode span {
    text-align: left !important;
}
.kj-bottomcode img {
    margin: initial;
    width: 116px;
}
/*内页*/
.intro-pagebanner {
    height: 215px;
}
.intro-pagebanner-img {
    height: 215px;
}
.intro-service_news li {
    flex: 0 0 calc(50% - 20px);
    width: calc(50% - 20px);
}
.intro-pagebanner_t {
    height: 60px;
    margin-top: 60px;
    margin-left: 60px;
}
.intro-pagebanner-title {
    font-size: 28px;
    line-height: 34px;
}
.intro-pagebanner-subtitle {
    font-size: 16px;
    line-height: 24px;
}
.intro-resource_con-subnav{
    flex-wrap:wrap;
}
.intro-resource_con-subnav li span {
    padding: 0 6px 0 4px;
}
.intro-resource_con-content li {
    flex: 0 0 calc(50% - 20px);
    width: calc(50% - 20px);
}
.intro-service_nav ul li a {
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
}
.intro-proinfo-top_content {
    flex-wrap: wrap;
}
.intro-proinfo_image {
    margin-bottom: 20px;
    margin-right: 0px;
    flex: 0 0 100%;
    width: 100%;
}
.proinfo-en_alias {
    flex-wrap: wrap;
}
.intro-proinfo_en {
    width:100%;
}
.intro-proinfo_text > div {
    flex: 0 0 100%;
}
.intro-price-items {
    width: calc(100% - 40px);
}
.intro-buy-items {
    width: calc(100% - 30px);
}
.kj-integral {
    margin: 0 -10px 0 0 !important;
}
.kj-intermall-listbox {
    padding: 0px 10px 0 0 !important;
}
.intro-brand_items {
    flex:0 0 calc(50% - 10px);
}
.kj-duihuanjx > div > p > span {
    margin-right: 2px!important;
}
.kj-duihuanjx > div > p {
    padding-left: 0 !important;
}
.intro-contact_con {
    width: 100%;
    margin: 20px 0 0px;
}
.intro-contact_items {
    flex: 0 0 100%;
    width: 100%;
    padding-right: 0px;
    margin-bottom: 30px;
}
/*新疆宝信新增样式*/
.banner-bg {
    height: 200px;
}
.kj-index-title {
    margin: 30px auto 20px;
}
.index-title-zh {
    font-size: 22px;
    margin-bottom: 0px;
}
.index-hot {
    margin-bottom: 20px;
}
.index-hot-items {
    flex: 0 0 calc(50% - 20px);
    width: calc(50% - 20px);
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
}
.index-3d-pronos {
    margin-bottom: 20px;
}
.index-mallbg {
    padding-bottom: 40px;
}
.index-company-items {
    flex-wrap:wrap;
}
.index-company-bgimg {
    flex: 0 0 100%;
    width: 100%;
    margin-left: 0px;
}
.index-company {
    margin-bottom: 20px;
}
.intro-proinfo_image{
    height:auto;
}
.intro-proinfo-package_keep {
    display: flex;
}
.tabletitle {
    white-space: nowrap;
    overflow: auto;
}
.kj-shopcart-mainrea{
    padding:15px 0;
}
.intro-news-content {
    margin: 0px 0 40px;
}
.intro-news-content > li {
    flex-wrap:wrap;
}
.intro-news-content > li > a{
    flex:100%;
    margin-bottom:20px;
}
.intro-news-img {
    flex: 0 0 100%;
    width: 100%;
    height: 0;
    padding-top:70%;
    background-size: cover !important;
    margin-right: 0px;
}

.article_container{
    flex-wrap:wrap;
}
.article_container .article_left{
    width:100%;margin-right:0;margin-bottom:0px;
}
    .article_container .article_left ul li{
        margin-bottom:0px;
    }
    .kj-nav-container {
        padding-right: 0;
    }
.kj-nav-wapmenu {
    padding-right: 0;
}
.banner-bg {
    height: 140px!important;
}
/*品牌*/
.intro-newsinfo_topcon {
    flex-wrap: wrap;
    padding: 20px;
}
.newsinfotop-titlecon {
    flex-wrap: wrap;
}
.newsinfotop-title {
    font-size:20px;
    flex:100%;
}
.newsinfotop-location {
    margin-left: 0px;
}
.newsinfotop-summary{
    margin-bottom:20px;
}
.intro-newsinfopro-related > div {
    flex: 0 0 calc(50% - 20px);
    width:calc(50% - 20px);
}
.intro-product-content{
    width:100%;
}
.intro-resource_con-right{
    display: none;
}
.intro-resource_con li {
    flex: 100%;
    width: 100%;
    margin-right:0;
}
.intro-resource_con-left {
    flex: 100%;
    width: 100%;
}
.intro-proinfo_en_title{
    display:block;
}
#data img{
    max-width:100% !important;
    height:auto !important
}
.intro-proinfo_zh {
    font-size: 20px;
}
.kj-footer-link span {
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    width: 120px;
    margin-bottom: 20px;
    display: block;
}
.kj-footer-link{
    flex-wrap:wrap;
}
.tableinfo table{
    width:100% !important;
}
.kj-brandlogo-cc {
    flex: 0 0 100%;
    text-align: left;
    margin-bottom: 15px;
}
.kj-baoxin-cc {
    display: flex;
    /* justify-content: space-between; */
    border-bottom: 1px solid #E5E5E5;
    margin: 0px 0 10px;
    flex-wrap: wrap;
    justify-content: left;
}
.intro-news_gonggao{
    display:block;
    width:100%;
}
.kj-newsinfo-body table{
    width:100% !important;
}
.intro-news-title{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.kj-header{
    display:block;
}
.kj-baoxin-cc{
    display:block;
}
.intro-proinfo_zh{
    flex:100%;
}
.tabletitle > li{
    margin:0;
}
.tabletitle {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    border-bottom: 1px solid #E5E5E5;
}
.kj-intro-header .breadcrumb_home:before {
    content: ""
}
.intro-resource {
    width: 100%;
}
.kj-intro-pro-flex{
    flex-wrap:wrap;
    justify-content:left;
}
.kj-inbrand{
    width:100%;
    text-align:left;
}
.intro-prolist-title strong{
    font-size:14px;
    line-height:20px;
}
.kj-anscroll {
    position: relative;
    width: 100%;
    height: 24px;
    overflow: hidden;
}
    .kj-anscroll div {
        position: absolute;
        white-space: nowrap;
        animation: sport 7s linear infinite;
    }
.kj-brandname-cc {
    display: block;
    width: 100%;
    margin-bottom:10px;
}
.kj-brandlogo-cc {
    display: none;
  
}
.kj-table-responsive {
    width:90vw;
    overflow-x:scroll;
    margin:0 auto;
}
.kj-table-responsive .shoptoggle{
    width:700px;
    max-width:none !important;
}
.kj-anscroll-a {
    display: inline-block;
}
.kj-btn_box-none{
    display:none;
}
/* 鼠标经过停止运动 */
.kj-anscroll div:hover {
    animation-play-state: paused;
}
.kj-intro-pro-flex-right {
    width: 100%;
}
.kj-intro-proleft_nav1 a > div {
    color: #fff;
}
.kj-intro-proleft_nav1 a.active {
    background-color: #f0f6fa;
}
.kj-intro-proleft_nav1 a.active > div {
    color: #333;
    font-weight: bold;
}
    .kj-bottomicon_bg {
        padding: 0;
    }
.kj-intro-proleft {
    margin-bottom: 0;
}
.btn_box{
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.intro-news{
    width:100%;
}
.table-responsive{
    border:none;
}
.kj-delu{
    display:none;
}
.kj-nav-menulist {
    margin: 0;
    margin-left: -7px;
}
.kj-nav-menulist.active {
    margin: 0;
    padding: 0;
    width: 40vw;
    height: 100vh;
    background-color: #eee;

}
    .kj-nav-menulist.active .dropdown-menu {
        position: fixed;
        box-shadow: none;
        top: 0px;
        right: -3px;
        width: 60vw;
        min-width: inherit;
        left: auto;
        border: none;
        height: 81vh;
        overflow-y: scroll;
        margin: 0;
        padding: 0;
    }
        .kj-nav-menulist.active .dropdown-menu .dropdown-menu {
            height: auto;
            top: 0;
            padding-left: 20px;
            overflow-x: clip;
        }
        .navbar-collapse.in {
            overflow-y: initial;
            padding:0;
        }
.kj-nav .container{
    padding:0;
}
.page_banner{
    display:none;
}
.kj-inbrand{
    display:none;
}
.kj-brand-name{
    margin-left:0 !important;
    display:block !important
}
.intro-newsinfocon{
    padding-left:0;
}
.intro-newsinfologo {
    flex: 100%;
    width: 100%;
    margin-left: 0px;
}
.intro-probaogao-img_border img {
    max-width: 100% !important;
    max-height: 600px;
    margin: 80px auto 10px;
}
.kj-phone-cc-a{
    display:block;
}
.kj-pro-text {
    display: block;
}
.kj-search-flex {
    display: block;
}
.kj-pro-text div{
    margin-top:0;
}
.kj-intropage-content img {
    height:auto !important;
}
.kj-phone-pro{
    display:block;
}
.kj-footer{
    font-size:12px;
    padding:0;
    padding-bottom:10px;
}
@keyframes sport {
    0% {
    }

    100% {
        /* 父盒子宽度减去100% */
        transform: translateX(calc(200px - 100%));
    }
}
